<template>
	<view class="b_width">
		<u-navbar leftIconColor="black" :autoBack="true" title="支付结果" titleStyle="color:black" :placeholder="true"
			bgColor="transparent">
		</u-navbar>
		<view class="msg_box">
			<view class="gou_box b_flex_cc">
				<image class="gou" src="@/static/img/lock/gou.png" mode="widthFix"></image>
			</view>
			<view class="msg">您已成功支付押金</view>
			<view><span>￥</span><span class="money">{{money}}</span></view>
			<view class="button" @click="$project.toBack(2)">点击返回时间段选择</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				money: '',
				deviceNumber: ''
			}
		},
		onLoad(data) {
			this.money = Number(data.money).toFixed(2);
			this.deviceNumber=data.deviceNumber;
		}
	}
</script>

<style lang="scss" scoped>
	::v-deep .u-navbar__content__title {
		font-size: 32rpx !important;
		font-weight: bold;
		color: #252B50 !important;
	}
	.msg_box {
		box-sizing: border-box;
		padding: 130rpx 20rpx;
		text-align: center;
	}

	.msg {
		color: #9296AF;
		font-size: 30rpx;
		margin: 30rpx 0 28rpx 0;
	}
 
     .money{
		 font-size: 60rpx;
		 font-family: PingFang SC;
		 font-weight: 500;
		 color: #252B50;
		 margin-left: 5rpx;
	 }

	.gou_box {
		width: 180rpx;
		height: 180rpx;
		background: #EDF3FF;
		border: 0px solid #48AE7C;
		border-radius: 50%;
		margin: 0 auto;
	}

	.gou {
		width: 100rpx;
	}
	.button{
		width: 100%;
		height: 75rpx;
		line-height: 75rpx;
		background: #3C7CFF;
		
		border-radius: 34rpx;
		color: #fff;
		margin-top: 110rpx;
	}
</style>